<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ page import="java.io.*"%>
<%@ page import= "java.util.*"%>
<%@ page import="dto.Administracion.DTO_Usuario"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<!-- Cabecera -->
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>Der große Verteiler - Distribuci&oacute;n y env&iacute;os</title>
 <!-- Scripts --> 
 <script src="jquery/jquery-2.1.1.js" type="text/javascript"></script>
 <script type="text/javascript" src="js/mainmenu.js"></script>
 <script type="text/javascript" src="jquery/jquery.timepicker.js"></script>
 <!-- Hojas de estilo -->
 <link href="css/style.css" rel="stylesheet" type="text/css" />
 <link href="jquery/jquery-ui.css" rel="stylesheet" type="text/css" />
 <link href="css/jquery.timepicker.css" rel="stylesheet" type="text/css">
 <!-- Fonts -->
 <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
 <link href="css/font-awesome.css" rel="stylesheet" type="text/css" >
</head>
<!-- Fin Cabecera -->
<!-- 
Notas
--------------------------------------------------------------------------------------------------------------
//Pasar por parametro url un  .load
--------------------------------------------------------------------------------------------------------------
el.load( "result.jsp?" + $.param( { rollNo: rollNo, name: name } ) );
--
$('#mydiv').load('newPage.html', {field1: 'value1', ...});
--
$('#editContact').load('contactdisplay.html', {name:"John", lastname:"Doe"}, function(response, status, xhr) {
  if (status == "error") {
    var msg = "Sorry, error: ";
    $("#status2").html(msg + xhr.status + " " + xhr.statusText);
  }
});
<table cellpadding="0" cellspacing="0">
<tr>
<td class="leftborder rightborder topborder heading big">
GM</td>
<td class="heading big"></td>
</tr>
<tr>
<td class="leftborder heading regular">Name:</td>
<td class="rightborder topborder heading regular">request.getParameter("name")</td>
</tr>
<tr>
<td class="leftborder heading regular">Last Name:</td>
<td class="rightborder heading regular">request.getParameter("lastname")</td>
</tr>
...
</table>
--------------------------------------------------------------------------------------------------------------
//Llamar a un objeto ajax
Selectors like  $("#cCardDropDown") only finds the element if it exists at the moment you use it. 
If it comes later on, you can code $("#cCardDropDown").click(…) after you have added it. 
But to set it up before it exists, you need to use that format of the .on() 
--------------------------------------------------------------------------------------------------------------
    $('body').on('click','#cCardDropDown',function(){
                alert("Hey");
    });
--------------------------------------------------------------------------------------------------------------
//Llamar parametros dentro de una pagina desde jquery
--------------------------------------------------------------------------------------------------------------
 $(function() {
$('.alert-message').click( function() {

     $.get( $(this).attr('param'), function(name) {

alert( &quot;Hello: &quot; + name);

});

});
});
3

Add the JSP code that calls the JSP function and passes the parameter using the "param " property in the tag. The following code calls the function when a user clicks the button:

<input type="button" param="Jim" class="alert-message" value="Click Here"> 
--------------------------------------------------------------------------------------------------------------
//Llamar a un html response jsp cacho de html
--------------------------------------------------------------------------------------------------------------
$("#loadTarget2").load("html-fragment.jsp #div2");

--------------------------------------------------------------------------------------------------------------
//Valores desde el servlet
--------------------------------------------------------------------------------------------------------------
out.print(getServletContext().getAttribute("attribute"));
 -->
 
 




<!-- Declaraciones -->
<%
	String usuario;
    String sucursal;
	
	usuario = "";
	sucursal = "0";
	
	HttpSession sesionIntento = request.getSession();
	if(sesionIntento.getAttribute("usuario") != null){
		usuario = (String)sesionIntento.getAttribute("usuario");
		sucursal = (String)sesionIntento.getAttribute("sucursal");
	}    
%>
<input id="iInt_Logueado" type="hidden" value =""/>
<input id="iStr_User"     type="hidden" value =""/>
<!-- Fin Declaraciones -->

<!-- Scripts -->
<script type="text/javascript">

$(document).ready(function() {	
	  
	  	  var usuario =  <%= '"' + usuario + '"'%>
	  	  var sucursal =  <%= '"' + sucursal + '"'%>

		  if(usuario == "")	
		  {	  
	  		$("#nombreUsuario").text("");
	 		$("#divLogin").load("login.jsp");
	 		$("#lCerrarSesion").text("");
	 		
		  }
		  else
		  {
	  		$("#nombreUsuario").text("Hola " + usuario);
	  		$("#lCerrarSesion").text("Cerrar Sesión");
	  		$("#cerrarSesion").load("logout.jsp");

	  		

	  		$("#menu_nuevo_cliente").on("click",function(){
	  			$("#divTodo").load("altaCliente.jsp");
	  		});
	  		
	  		$("#menu_new_encom_particular").on("click",function(){
	  			$("#divTodo").load("altaEncomiendaParticular_ok.jsp");
	  		});
	  		
	   	  }
		  	  
	   
}); //document ready

</script>
<!-- Fin Scripts -->
 
<!-- Cuerpo -->
<body>
<div class="container">
    <div class="content">
        <div id="wrap">
        	<header>
        		<div class="inner relative">
                      <ul style="width:227px;">
        				<li style="width:230px;"><a class="logo" href="main.jsp"><img src="images/logo_web_dgv_02.jpg" alt="Der grobe Verteiler" border="0"></a></li>
                     	<li class="logueado" style="width:227px; margin-top:10px;font-size:18px; line-height:25px; color:#f0af1e;">
                         <span id="nombreUsuario"> </span>               
                        </li>
                        <div id="cerrarSesion" style="width:227px;color:#fff; font-size:14px;" > </div>           	
         			    </ul>
                    <a id="menu-toggle" class="button dark" href="#"></a>
        			<nav id="navigation">
        				<ul id="main-menu">
        					<li class="current-menu-item"><a href="">HOME</a></li>
        					<li class="parent">
        						<a class="parent" href="#"> ENCOMIENDA</a>
        							<ul class="sub-menu">
        									<li><a id="menu_new_encom_particular">Nueva Encomienda Particular</a></li>
        									<li><a id="menu_new_encom_empresa">Nueva Encomienda Empresa</a></li>
        							</ul>
        					</li>
        					<li class="parent">
        						<a class="parent" href="#"> ENV&Iacute;OS</a>
        							<ul class="sub-menu">
        									<li><a href=" "> Recepci&oacute;n</a></li>
        									<li><a href=" ">Env&iacute;os propios</a></li>
        									<li><a href=" ">Env&iacute;os tercerizados</a></li>
        							</ul>
        					</li>
        					<li class="parent">
                            	<a href=" ">CLIENTES</a>
                                <ul class="sub-menu">
                                    <li><a id="menu_nuevo_cliente">Nuevo Clientes</a></li>
        							<li><a id="mClientes">Buscar Clientes</a></li>
        							<li><a href=" ">Cuentas corrientes</a></li>
                                </ul></li>   
        					<li class="parent">
        						<a href=" ">VIAJES</a>
        						<ul class="sub-menu">
        							<li><a href=" ">Control de viajes</a></li>
        							<li><a href=" ">Contrataci&oacute;n de viajes</a></li>
        						</ul>
        					</li>
                            <li class="parent" style="text-align:left;display: inline-block;">
        						<a href=" ">COBROS/PAGOS</a>
        						<ul class="sub-menu">
        							<li><a id="menu_pagar_fact_particular">Pagar Factura Particular</a></li>
                                	<li><a id="menu_pagar_fact_empresa">Pagar Factura Empresa</a></li>
                                </ul>
                            </li>
                            <li class="parent">
        						<a class="parent" href="#">VEH&Iacute;CULOS</a>
        							<ul class="sub-menu">
                                    	<li><a href=" ">Veh&iacute;culos propios</a></li>
        								<li><a href=" ">Mantenimiento</a></li>
        								<li><a href=" ">Veh&iacute;culos contratados</a></li>
                                    </ul>
                             </li>
                             <li class="parent">
        						<a class="parent" href="#">ADMINISTRACI&Oacute;N</a>
        							<ul class="sub-menu">
                                    	<li><a href=" "> Empleados</a></li>
        								<li><a href=" "> Veh&iacute;culos</a></li>
        								<li><a href=" "> Proveedores</a></li>
                                        <li><a href=" "> Precios transportes y carriers</a></li>
        								<li><a href=" "> Seguros</a></li>
                                        <li><a href=" "> Maps de rutas</a></li>
                                    </ul>
                             </li>
                             <li class="parent">
        						<a class="parent" href="#">SUCURSALES</a>
        							<ul class="sub-menu">
                                    	<li><a href=" "> Sucursales</a></li>
        								<li><a href=" "> Novedades de caminos</a></li>    
                                 </ul>    
                             </li>       
                        </ul>            
        		    </nav>
        			<div class="clear"></div>
          		</div>
        	</header>
        </div>	
  
    <!-- Pagina principal -->
    <div class="amarillo"></div>
  	<div class="page" style="background: #FFF; padding: 25px 50px;">
      <div id="divLogin">
      </div>
      <div id="divTodo">
      </div>
      <div id="divAltaEncomienda">
      </div>
      <div id="paginaClientes">
      </div>
    </div>
    <!-- Fin Pagina principal -->   
    <div class="amarillo"></div>
    </div>
   <!-- Capa de desarrollo -->
    <div style="font-size: small;" id="logDebug" style="max-height:200px;overflow-y:auto;overflow-x:auto;white-space:pre;">
    
    </div>
    <br />
  </div>
</body>
</html>
